body {
    background-color   : #e3e3e3;
    /* background-color: #fff; */
    /* overflow-x      : hidden;  */
    /* text-transform  : capitalize; */
}

#preloader {
    position        : fixed;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background-color: rgba(255, 255, 255, 0.8);
    /* cor do background que vai ocupar o body */
    z-index         : 999;
    /* z-index para jogar para frente e sobrepor tudo */
}

#preloader .inner {
    position  : absolute;
    top       : 50%;
    /* centralizar a parte interna do preload (onde fica a animação)*/
    left      : 50%;
    transform : translate(-50%, -50%);
    text-align: center;
}

#preloader .inner img {
    max-width: 150px;
}

.form-control:focus {
    color           : #495057;
    background-color: #fff;
    border-color    : gold;
    outline         : 0;
    box-shadow      : 0 0 1px 1px #ffc107;
}

.custom-file-input:focus~.custom-file-label {
    border-color: gold;
    box-shadow  : 0 0 1px 1px #ffc107;
}

.container {
    padding         : 30px 80px;
    /* box-shadow   : 0 0 10px 2px #ccc; */
    background-color: #fff;
    border-radius   : 3px;
    max-width       : 900px;
    overflow-x      : hidden;
}

@media (max-width: 768px) {
    .container {
        padding: 30px 30px;
        height : 100vh;
    }
}

@media (min-width: 769px) {
    .msg_input {
        line-height: 100px;
    }
}

.is-invalid {
    box-shadow: 0 0 2px 0px red;
}

#feed_cpfcnpj,
#feed_usuario #feed_cidinstalacao {
    font-weight: 600;
}

#feed_carregando {
    width     : 100%;
    margin-top: .25rem;
    font-size : 80%;
    color     : #ccc;
}

.custom-file-label::after {
    content: "Procurar";
}

#logo_faster {
    width    : 80%;
    min-width: 250px;
}

.custom-control-input:checked~.custom-control-label::before {
    color           : #fff;
    border-color    : gold;
    background-color: gold;
}

.custom-file-label::after {
    content: "Câmera";
    display: none;
}

.custom-file {
    height: calc(1.5em + 10rem + 2px);
}

.custom-file-label {
    height    : 100%;
    border    : 1px dashed #ced4da !important;
    cursor    : pointer;
    text-align: center;
    z-index   : 3;
}

.form-control.is-load {
    padding-right      : calc(1.5em + .75rem);
    background-image   : url("../images/loading.gif");
    background-repeat  : no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size    : calc(.75em + .375rem) calc(.75em + .375rem);
}

#resposta_cadastro img {
    min-width: 80px;
}

.cupom {
    border    : 2px dashed #ced4da;
    text-align: center;
}

.campo_cupom {
    display         : inline-block;
    font-weight     : 400;
    color           : #212529;
    text-align      : center;
    vertical-align  : middle;
    background-color: #f8f9fa;
    border          : 2px dashed #999;
    padding         : .375rem .75rem;
    font-size       : 20px;
    line-height     : 1.5;
    border-radius   : .25rem;
    width           : 100%;
    cursor          : pointer;
    height          : 45px;
}

.cont_cupons {
    padding      : 15px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow   : 0px 2px 5px 1px #ccc;
}

.resumo_cupom_modal {
    display        : flex;
    justify-content: center;
    align-items    : center;
    border-right   : 1px solid #eee;
}

.resumo_cupom_modal strong {
    font-size: 22px;
}

.validade_cupom {
    font-size : 12px;
    margin-top: 10px;
}

.cog_cupom_modal {
    display        : flex;
    justify-content: flex-end;
    align-items    : center;
}